<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>YzmCMS模板制作助手高效版，模板开发助手</title>
	<meta name="keywords" content="YzmCMS模板制作助手高效版，模板开发助手" />
	<meta name="description" content="YzmCMS模板制作助手高效版，模板开发助手，网站建设，专业仿站，前端切图，CMS二次开发，联系qq：594649546" />
	<script src="js/jquery.min.2.1.4.js"></script>
	<script src="js/url_js.js?v=1"></script>
	<script src="js/clipboard.js"></script>
	<style>
    ::-webkit-scrollbar {width: 4px; height: 1px; }
    ::-webkit-scrollbar-thumb {border-radius: 10px; background: #e8e8e8; }
    ::-webkit-scrollbar-track {border-radius: 10px; background: #EDEDED; }
		*,*:before,*:after{box-sizing:border-box;}
        html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;}
        body{font-size:16px;font-family:"Microsoft YaHei",Helvetica,"SimSun",Arial,sans-serif;}
        .warp{width:100%;height:100%;display:flex;}

        .main {
            width: 100%;
            height: 100%;
            overflow-y: auto;
        }

        .menu-left {
            width: 15%;
            overflow-y: auto;
            display: none;
        }
        .menu-right{
            width: 20%;
            overflow-y: auto;
            display: none;
            position: relative;
            font-size: 14px;
        }
        .menu-right a {
            transition: .2s;
            padding: 0 8px;
            display: inline-block;
            color: #4d8af9;
        }
        .menu-right a:hover {
            background-color: #73c1ff;
            color: #ffffff;
        }
        .main {
            padding: 20px 10px;
        }
        .powered {
            position: absolute;
            bottom: 10px;
            color: #727272;
        }
		.andy_text {
		    width: 100%;
		    min-height: 90px;
		}
		input[type=text] {
		    outline: none;
		    border: 1px solid #2196F3;
		    padding: 4px 6px;
		    font-size: 14px;
		}

		button {
		    border: none;
		    outline: none;
		    background-color: #009688;
		    color: #ffffff;
		    padding: 6px 8px;
		    min-width: 85px;
		    font-size: 14px;
		    cursor: pointer;
		}

		.list h4 {
            margin-bottom: 10px;
            padding-top: 5px;
            padding-bottom: 5px;
        }
        textarea{ 
            resize:none;
            border: 1px solid #949494;
        }
        textarea:focus {
            outline: none;
            box-shadow: 0px 0px 2px 0px #73c1ff;
        }
        .list h4.shanshan{
            animation: text_yidong 0.6s 0.1s forwards, bgr_shan 0.5s 3 forwards ;
                        
        }

        @-moz-keyframes bgr_shan {
            0% {
                background-color: #73c1ff;
              }
            50% { 
                background-color: #c0e3ff;
            }
            100% {
                background-color: #73c1ff;
            }
        }

        @keyframes bgr_shan {
            0% {
                background-color: #73c1ff;
              }
            50% { 
                background-color: #c0e3ff;
            }
            100% {
                background-color: #73c1ff;
            }
        }
        @-moz-keyframes text_yidong {
            0% {
                padding-left: 0;
              }
            
            100% {
                padding-left: 15px;
            }
        }
        @keyframes text_yidong {
            0% {
                padding-left: 0;
              }
            
            100% {
                padding-left: 15px;
            }
        }
        @media (min-width: 992px) {
            .menu-left {
                display: block;
            }
            .menu-right{
                display: block;
            }
            .main {
                width: 65%;
            }
        }
        .notice {
            color: red;
            background-color: #e8e8e8;
            font-size: 12px;
            margin-top: 3px;
        }

		.andy_input{width: 260px;}
        .others-link a {
            transition: 0.2s;
            color: #1c94fb;
        }

        .others-link a:hover {
            background-color: #10b3e4;
            color: #ffffff;
        }


	</style>
	<script>
	    // 获取来源
	    var ly = GetQueryString("ly") == null ? "copyright" : decodeURIComponent(GetQueryString("ly").toString());

	    $(function(){
	        $("#"+ly).addClass('shanshan');
	    })

	</script>
</head>
<body>
<div class="warp">
<div class="menu-left">
    
</div>
	<div class="main">
		<h3>内容详情页</h3>
		<div class="list">
<h4 id="f1">评论表单</h4>
<textarea class="andy_text" id="text_t1">
<form action="{U('comment/index/init')}" method="post"  onsubmit="return check_comm(this)">
  <input type="hidden" name="modelid" value="{$modelid}">
  <input type="hidden" name="catid" value="{$catid}">
  <input type="hidden" name="id" value="{$id}">
  <input type="hidden" name="title" value="{$title}">
  <input type="hidden" name="url" value="{$url}">
  <textareaAA class="textarea" id="content" name="content" placeholder="我来说两句~"></textareaAA>
  <p><input type="submit" class="yzm-comment-submit" name="dosubmit" value="提交"><span class="emotion">表情</span></p>
</form>
</textarea>
<p class="notice">注意：上面的代码需要将textareaAA改为textarea，因为textarea不能嵌套使用，所以暂时用textareaAA代替了</p>
<button class="btn" data-clipboard-action="copy"  data-clipboard-target="#text_t1" type="button">复制</button>
<p class="others-link" style="margin-top:4px;"><a href="allnew.html?ly=f2">最新评论>> </a>
<a href="allnew.html?ly=f3">评论排行榜>> </a></p>
<h4 id="f2">评论列表调用</h4>
<textarea class="andy_text" id="text_t2">
<div class="yzm-comment-list-box">
  {m:comment_list modelid="$modelid" catid="$catid" id="$id" limit="20"}
  <div class="yzm-comment-list-top">共 {count($data)} 条评论</div>
  <div class="yzm-comment-list-body">
  <ul>
    {loop $data $v}
    <li>
      <a class="user_pic" href="{U('member/myhome/init', array('userid'=>$v['userid']))}" target="blank"><img src="{if !empty($v['userpic'])}{$v[userpic]}{else}{STATIC_URL}images/default.gif{/if}" height="35" width="35"></a>
      <div class="yzm-comm-right">
        <a class="user_name" href="{U('member/myhome/init', array('userid'=>$v['userid']))}" target="blank">{$v[username]}</a>
        <p>{nl2br($v['content'])}</p>
        <p><span class="comm_time">{date('Y-m-d H:i:s',$v['inputtime'])}</span> <a href="javascript:toreply('{$v[id]}');" class="comm_a">回复</a></p>
        <div id="rep_{$v[id]}" class="none">
        <form action="{U('comment/index/init')}" method="post"  onsubmit="return check_rep(this)">
        <input type="hidden" name="modelid" value="{$modelid}">
        <input type="hidden" name="catid" value="{$catid}">
        <input type="hidden" name="id" value="{$id}">
        <input type="hidden" name="title" value="{$title}">
        <input type="hidden" name="url" value="{$url}">
        <input type="hidden" name="reply" value="{$v[id]}">
        <input type="hidden" name="reply_to" value="{$v[username]}">
        <textareaAA name="content" class="textarea textarea2" placeholder="我来说两句~"></textareaAA>
        <input type="submit" class="yzm-comment-submit static" name="dosubmit" value="提交">
        </form>
        </div>
      </div>
    </li>
    {/loop}
    {if empty($data)}<li>这篇文章还没有收到评论，赶紧来抢沙发吧~</li>{/if}
  </ul>
  </div>
</div>
</textarea>
<p class="notice">注意：上面的代码需要将textareaAA改为textarea，因为textarea不能嵌套使用，所以暂时用textareaAA代替了</p>
<button class="btn" data-clipboard-action="copy"  data-clipboard-target="#text_t2" type="button">复制</button>
	
	
		</div>
	</div>
    <div class="menu-right">
    <div class="pd">
        <p><a class="link-to-index2" href="../index2.html">yzmcms模板标签大全纯文字版</a></p>
        <p><a class="link-to-index2" href="../index.html">yzmcms模板助手高效版</a></p>
        <p><a href="http://www.d163.net/">小郭博客首页</a></p>
        <p><a href="http://www.d163.net/html/study/" >学无止境 </a></p>
        <p><a href="http://www.d163.net/html/web2/">web前端</a></p>
        <p><a href="http://www.d163.net/html/news/">最新资讯</a></p>
        <p><a href="http://www.d163.net/webknow/" >建站知识 </a> </p>
        <p> <a href="http://www.d163.net/guestbook/" >给我留言 </a></p>
        <p> <a href="http://www.d163.net/about/" >关于我 </a></p>
        <p> <a href="http://www.d163.net/zanshang/" >赞赏我 </a> </p>
        <div class="powered">版权所有 AndyGuo 小郭博客 qq:594649546</div>
    </div>
</div>
</div>
<script src="js/autotextarea.js?v=1.0"></script>
<script type="text/javascript">
$(function(){
    var clipboard = new ClipboardJS('.btn');

    clipboard.on('success', function(e) {
        $(e.trigger).text('复制成功');
        $(e.trigger).css('background-color','#4CAF50');
        
        setTimeout(function () { $(e.trigger).text('复制');$(e.trigger).css('background-color','#009688'); }, 1500);
        e.clearSelection();
    });

    clipboard.on('error', function(e) {
        console.error('Action:', e.action);
        console.error('Trigger:', e.trigger);
        alert('失败！');
    });

    var textCode = document.getElementById("text_t1");
    var textCode2 = document.getElementById("text_t2");
    autoTextarea(textCode,10);
    autoTextarea(textCode2,10);

})

</script>
</body>
</html>